<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
	<div data-type="layout" data-define="fit:true">
		<div data-define="region:'north'" style="height: 168px; padding: 2px" title="查询条件">
			<form id="ff" method="post">
				<table class="stable" cellpadding="1" cellspacing="1" style="width: 100%">
					<tr>
						<td width="15%" class="stdlabel">小图标式录入框</td>
						<td width="15%" class="stdinput">
							<input data-type="inputiconbox" name="testName2" data-define="iconClick:searcherTest,required:true"></input>
						</td>
						<td width="15%" class="stdlabel">文本录入框</td>
						<td width="15%" class="stdinput">
							<input data-type="inputbox" type="text" name="name" data-define="required:true,validType:'email'"></input>
						</td>
						<td width="15%" class="stdlabel">数字录入框</td>
						<td width="15%" class="stdinput">
							<input data-type="numberbox" type="text" name="email" data-define="required:true,tipPosition:'left'"></input>
						</td>
					</tr>
					<tr>
						<td class="stdlabel">下拉列表</td>
						<td class="stdinput">
							<select name="danxuan" data-type="combogrid"
								data-define="required:true,
								panelWidth: 500,idField: 'itemid',textField: 'productname',multiple: false,fitColumns: true,
								method:'post',url: '${rc.contextPath}/demo/getDataGrid.do',
								columns: [[
											{field:'itemid',title:'ID',width:80},
											{field:'productname',title:'产品名称',width:190},
											{field:'listprice',title:'成本',width:80,align:'right'},
											{field:'unitcost',title:'单价',width:80,align:'right'},
											{field:'attr1',title:'属性',width:200},
											{field:'status',title:'状态',width:60,align:'center'}
								]]
							">
							</select>
						</td>
						<td class="stdlabel">下拉框</td>
						<td class="stdinput">
							<input data-type="combobox" name="zhengshu"
								data-define="required:true,panelWidth: 300,
							method:'post',url: '${rc.contextPath}/demo/getCombo.do',
							valueField:'id',textField:'text',
							multiple:false,
							formatter: formatItem"></input>
						</td>
						<td class="stdlabel">下拉树</td>
						<td class="stdinput">
							<input data-type="combotree" name="zhengshu"
								data-define="method:'post',url: '${rc.contextPath}/demo/getTree.do',required:true,tipPosition:'left'"></input>
						</td>
					</tr>
					<tr>
						<td class="stdlabel">日期</td>
						<td class="stdinput">
							<input data-type="datebox" name="zhengshu" data-define="panelWidth: 200,required:true"></input>
						</td>
						<td class="stdlabel" title="日期（带小时分秒）">日期...</td>
						<td class="stdinput">
							<input data-type="datetimebox" name="zhengshu" data-define="panelWidth: 200,required:true"></input>
						</td>
						<td class="stdlabel">数字选择</td>
						<td class="stdinput">
							<input data-type="numberspinner" type="text" name="email"
								data-define="min:10,max:100,increment:10,required:true,tipPosition:'left'"></input>
						</td>
					</tr>
					<tr>
						<td colspan="4"></td>
						<td colspan="2">
							<div style="margin: 0px 0; padding-top: 5px" align="right">
								<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-search'">查询</a>
								<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-reload'">清空</a>
							</div>
						</td>
					</tr>
				</table>
			</form>
		</div>
		<div data-define="region:'center',border:false" title="">
			<div data-type="tabs" style="height: auto;" data-define="fit:true,border:false">
				<div title="XXX信息列表1" style="padding: 2px">
					<table id="dg2" data-type="grid" title="" style="height: auto"
						data-define="fit:true,
							iconCls: 'icon-edit',
							rownumbers:true,singleSelect:false,pageSize:10,pagination:true,
							toolbar: '#tb2',
							fitColumns:true,
							selectOnCheck:true,
							method:'post',url: '${rc.contextPath}/demo/getDataGrid.do'
						">
						<thead>
							<tr>
								<th data-define="field:'itemid',checkbox:true"></th>
								<th data-define="field:'productid',width:200">产品名称</th>
								<th data-define="field:'listprice',width:80,align:'right'">成本</th>
								<th data-define="field:'unitcost',width:80,align:'right'">单价</th>
								<th data-define="field:'attr1',width:100">属性</th>
								<th data-define="field:'status',width:60,align:'center'">状态</th>
							</tr>
						</thead>
					</table>
					<div id="tb2" style="height: auto">
						<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-add',plain:true"
							onclick="add1()">新增</a>
						<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-edit',plain:true"
							onclick="edit1()">编辑</a>
						<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-cancel',plain:true"
							onclick="remove1()">删除</a>
						<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-search',plain:true"
							onclick="search1()">搜索</a>
					</div>
				</div>
				<div title="XXX信息详细" style="padding: 3px">
					<table class="stableborder" cellpadding="1" cellspacing="1" style="width: 99%">
						<tr>
							<td width="15%" class="stdlabel">小图标式录入框2</td>
							<td width="15%" class="stdinput">
								<input data-type="inputiconbox" name="testName3"
									data-define="iconClick:searcherTest,panelWidth: 200,required:true"></input>
							</td>
							<td width="15%" class="stdlabel">文本录入框</td>
							<td width="15%" class="stdinput">
								<input data-type="inputbox" type="text" name="name" data-define="required:true,validType:'email'"></input>
							</td>
							<td width="15%" class="stdlabel">文本录入框</td>
							<td width="15%" class="stdinput">
								<input data-type="inputbox" type="text" name="name"
									data-define="required:true,validType:'email',tipPosition:'left'"></input>
							</td>
						</tr>
						<tr>
							<td width="15%" class="stdlabel">文本录入框</td>
							<td width="15%" class="stdinput">
								<input data-type="inputbox" type="text" name="name" data-define="required:true,validType:'email'"></input>
							</td>
							<td width="15%" class="stdlabel">数字录入框</td>
							<td width="15%" class="stdinput">
								<input data-type="numberbox" type="text" name="email" data-define="required:true"></input>
							</td>
							<td width="15%" class="stdlabel">非负整数</td>
							<td width="15%" class="stdinput">
								<input data-type="numberbox" type="text" name="subject"
									data-define="min:0,max:999999,required:true,tipPosition:'left'"></input>
							</td>
						</tr>
						<tr>
							<td width="15%" class="stdlabel">浮点数</td>
							<td width="15%" class="stdinput">
								<input data-type="numberbox" type="text" name="name" data-define="precision:2,required:true"></input>
							</td>
							<td width="15%" class="stdlabel">时间选择</td>
							<td width="15%" class="stdinput">
								<input data-type="timespinner" type="text" name="email" data-define="min:'08:30',max:'18:00',required:true"></input>
							</td>
							<td width="15%" class="stdlabel">数字格式化</td>
							<td width="15%" class="stdinput">
								<input data-type="numberbox" value="1234567.89"
									data-define="precision:2,groupSeparator:',',decimalSeparator:'.',required:true,tipPosition:'left'"></input>
							</td>
						</tr>
						<tr>
							<td class="stdlabel">下拉列表</td>
							<td class="stdinput">
								<select name="danxuan" data-type="combogrid"
									data-define="required:true,
										panelWidth: 500,idField: 'itemid',textField: 'productname',multiple: false,fitColumns: true,
										method:'post',url: '${rc.contextPath}/demo/getDataGrid.do',
										columns: [[
											{field:'itemid',title:'ID',width:80},
											{field:'productname',title:'产品名称',width:190},
											{field:'listprice',title:'成本',width:80,align:'right'},
											{field:'unitcost',title:'单价',width:80,align:'right'},
											{field:'attr1',title:'属性',width:200},
											{field:'status',title:'状态',width:60,align:'center'}
										]]
									">
								</select>
							</td>
							<td class="stdlabel">下拉框</td>
							<td class="stdinput">
								<input data-type="combobox" name="zhengshu"
									data-define="required:true,panelWidth: 300,
									method:'post',url: '${rc.contextPath}/demo/getCombo.do',
									valueField:'id',textField:'text',
									multiple:false,
									formatter: formatItem"></input>
							</td>
							<td class="stdlabel">下拉树</td>
							<td class="stdinput">
								<input data-type="combotree" name="zhengshu"
									data-define="method:'post',url: '${rc.contextPath}/demo/getTree.do',required:true,tipPosition:'left'"></input>
							</td>
						</tr>
						<tr>
							<td class="stdlabel">日期</td>
							<td class="stdinput">
								<input data-type="datebox" name="zhengshu" data-define="panelWidth: 200,required:true"></input>
							</td>
							<td class="stdlabel" title="日期（带小时分秒）">日期...</td>
							<td class="stdinput">
								<input data-type="datetimebox" name="zhengshu" data-define="panelWidth: 200,required:true"></input>
							</td>
							<td class="stdlabel">数字选择</td>
							<td class="stdinput">
								<input data-type="numberspinner" type="text" name="email"
									data-define="min:10,max:100,increment:10,required:true,tipPosition:'left'"></input>
							</td>
						</tr>
					</table>
					<table width="99%">
						<tr>
							<td width="50%">
								<div style="float: left"></div>
							</td>
							<td width="50%">
								<div style="margin: 0 0;" align="right">
									<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-cancel'">删除</a>
									<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-save'">保存</a>
									<a href="javascript:void(0)" data-type="linkbutton" data-define="iconCls:'icon-reload'">清空</a>
								</div>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript">
		function formatItem(row) {
	        var s = '<span style="font-weight:bold">' + row.text + '</span><br/>' + '<span>' + row.desc + '</span>';
	        return s;
        }
        function add1() {
	        alert("add");
        }
        function edit1() {
	        alert("edit");
        }
        function remove1() {
	        alert("remove");
        }
        function search1() {
	        alert("search");
        }
        function searcherTest(obj) {
	        alert(obj + "-----");
        }
	</script>
</body>
</html>
